<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="200px">
        <Aside></Aside>
      </el-aside>
      <el-main>
        <Header></Header>
        <router-view v-slot="{ Component }">
          <keep-alive>
            <component :is="Component" />
          </keep-alive>
        </router-view>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import Aside from "@/components/aside.vue";
import Header from '@/components/header.vue'
export default {
  components: {
    Aside
  }
}
</script>
<style scoped>
.common-layout,.el-container {
  width: 100%;
  height: 100%;
}
.el-main{
  overflow-x: hidden;
}
</style>